@import 'styles/helpers';

.user {
  text-align: center;

  .App-logo {
    animation: App-logo-spin infinite 20s linear;
    height: 80px;
  }
  
  .App-header {
    background-color: #222;
    height: 150px;
    padding: 20px;
    color: $ui-white;
  }
  
  .App-title {
    font-size: 1.5em;
    color: $ui-white;
    text-decoration: none;
  }
  
  .App-intro {
    font-size: large;
  }

  .App-code {
    margin: 0 0.375em;
  }
}

@keyframes App-logo-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
